<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝登录页面</title>
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <header>
        <div class="logo">
            <h1>
                <a href="http://www.taobao.com" class="logo-link" title="淘宝网" target="_blank">
                    <img src="../images/login/logo.png" alt="">
                </a>
            </h1>
            <a href="" class="link">
                <p>"登录页面"改进建议</p>
            </a>
        </div>
    </header>
    
    <section>
        <div class="loginBox">
            <div class="content-layout">
                <!-- 跳转密码登录页面 -->
                <div class="loginUser">
                    <a href="" class="active">密码登录</a>
                    <a href="">短信登录</a>
                    <!-- 这里是提示错误信息 -->
                    <div class="erro">登录名或登录密码不正确</div>
                    <div class="userName">
                        <input type="text" name="" placeholder="会员名/邮箱/手机号">
                    </div>
                    <div class="password">
                        <input type="password" name="" placeholder="请输入登录密码">
                    </div>
                    <div class="sub"><button>登录</button></div>
                    <p class="sp1">
                        <span class="wb">微博登录</span>
                        <span class="zfb">支付宝登录</span>
                    </p>
                    <p class="sp2">
                        <span>忘记密码</span>
                        <span>忘记用户名</span>
                        <span><a href="./register.html">免费注册</a></span>
                    </p>
                </div>
                <!-- 跳转短信登录页面 -->
                <div class="loginMass"></div>
            </div>
        </div>
    </section>

    <!-- 引入浮动框架集  frameborder : 框架集边框 -->
    <iframe src="footer.html" style="width:100%;height:300px" name="iframe_a" border="0" marginwidth="0"
        marginheight="0" scrolling="no" allowtransparency="yes" frameborder="0"></iframe>

    <script src="../js/utils.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>